<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="__PUBLIC__/member/style/common.css" media="screen"/>
        <script type="text/javascript" src="__PUBLIC__/common/js/jquery.js"></script>
        <script type="text/javascript" src="__PUBLIC__/common/js/common.js"></script>
        <script type="text/javascript" src="__PUBLIC__/pano/pano.js"></script>
        {:W("Easyui")}
        {:W("Boluoui")}
        {:W("Uploader")}
        <script type="text/javascript">
            function checksb(){
                var result = true;
                if(result == true){
                    result = AutoCheckSub(".cs");
                }
                if(result == true){
                    var target_id = $("#target_id").val();
                    if(target_id == "0"){
                        showMsg("请选定目标场景！");
                        result = false;
                    }
                }
                return result;
            }
            $(document).ready(function(){
                onoroff();
                boluo_autocheckui();
            });
        </script>
        <style type="text/css">
            .mypano{
                overflow: hidden; border:1px solid #ccc;
            }
            .flash{
                width: 780px; height: 520px;
            }
            .mobile{
                width: 320px; height: 480px;
            }
            .actionbox{
                width: 766px; min-height: 120px; overflow: hidden; border:1px solid #bbb; border-radius: 4px; background: #f6f6f6;
            }
            .actioncube{
                width: 550px; height: auto; overflow: hidden; margin: 6px; margin-right: 0px; border: 1px solid #bbb;
                background: #fff; float: left; border-radius: 3px;
            }
            .actionstore{
                width: 194px; height: auto; overflow: hidden; margin: 6px; margin-right: 0px; border: 1px solid #bbb;
                background: #fff; float: left; border-radius: 3px;
            }
            .actionhead{
                width: auto; height: 24px; overflow: hidden; border-bottom: 1px solid #bbb; background: #e6e6e6;
                cursor: default; text-align: center; font: bold 12px/24px "微软雅黑"; color: #333;
            }
            .actionbag{
                width: auto; min-height: 300px; overflow: hidden;
            }
            .action_add{
                width: auto; height: 24px; overflow: hidden; border:1px solid #ccc; text-align: center;
                font: bold 12px/24px "微软雅黑"; color: #666; display: block; margin: 6px; text-decoration: none;
            }
            .action_add:hover{
                text-decoration: none; color: #1F9999; border-color: #1F9999; background-color: #ECFFEC;
            }
            .actionview{
                width: auto; height: 48px; overflow: hidden; border:1px solid #ccc; background: #f8f8f8; margin: 0 6px; margin-top: 6px; cursor: pointer;
            }
            .actionview .up{
                width: auto; height: 24px; overflow: hidden; background: #ccc; text-align: center;
                font: bold 12px/24px "微软雅黑"; color: #333; padding: 0 4px;
            }
            .actionview .down{
                width: auto; height: 24px; overflow: hidden; background: #fff; text-align: center;
                font: bold 12px/24px "微软雅黑"; color: #333; padding: 0 4px;
            }
            .eventbox{
                width: auto; height: 30px; overflow: hidden; margin: 5px; margin-bottom: 5px; border:1px solid #ccc; border-radius: 4px; background: #eee;
                box-shadow: 1px 2px 2px #e6e6e6;
            }
            .eventtype{
                width: 100px; height: 22px; overflow: hidden; border:1px solid #ccc; background: #f8f8f8; margin: 3px; border-radius: 3px;
                font: bold 12px/22px "微软雅黑"; color: #666; text-align: center; cursor: default; float: left;
            }
            .eventinfo{
                width: 332px; height: 22px; overflow: hidden; border:1px solid #ccc; background: #f8f8f8; margin: 3px 0; border-radius: 3px;
                font: 12px/22px "微软雅黑"; color: #333; cursor: default; float: left; padding: 0 6px;
            }
            .eventcontrol{
                width: 76px; height: 22px; overflow: hidden; border:1px solid #ccc; background: #f8f8f8; margin: 3px; border-radius: 3px;
                font: bold 12px/22px "微软雅黑"; color: #666; text-align: center; cursor: default; float: right;
            }
            .eventcontrol a{
                font: bold 12px/22px "微软雅黑"; color: #666; margin: 0 2px; text-decoration: none;
            }
            .eventcontrol a:hover{
                color: #1F9999; text-decoration: none;
            }
            .actionevent{
                width: auto; height: 30px; overflow: hidden; margin: 5px; margin-bottom: 5px; border:1px solid #ccc; border-radius: 4px; background: #eee;
                box-shadow: 1px 2px 2px #e6e6e6;
            }
            .actionevent .leftbox{
                width: 135px; height: 22px; overflow: hidden; border:1px solid #ccc; background: #f8f8f8; margin: 3px; border-radius: 3px;
                font: bold 12px/22px "微软雅黑"; color: #666; text-align: left; cursor: default; float: left; padding: 0 6px;
            }
            .actionevent .rightbox{
                width: 24px; height: 24px; overflow: hidden; background: url(__PUBLIC__/member/images/pano/addbtn.png) no-repeat; margin: 3px; border-radius: 3px;
                font: bold 12px/22px; color: #666; text-align: center; cursor: pointer; float: left; display: block; margin-left: 0px;
            }
        </style>
        <script type="text/javascript">
            $(function(){
                $(".rightbox").click(function(){
                    var action_id = $(this).data("id");
                    $.ajax({
                        url:"{:U('ajax/uiaction')}",
                        type:"POST",
                        dataType:"script",
                        data:{
                            dopost:"auto",
                            ui_id:"{$gui_id}",
                            action_id:action_id
                        }
                    });
                });
            });
        </script>

    </head>
    <body>
        {:W("Bg")}
        <div id="upmain">
            <div class="main">
                <div class="main_head">
                    <div class="main_head_left"></div>
                    <div class="main_head_right"></div>
                    <div class="main_head_main">
                        <div class="title">全景项目 - {$panorow['title']}</div>
                        <div title="关闭" onclick="DoNote('确认返回功能首页？','{:U('main/index')}');" class="close"></div>
                        <div title="返回上级" onclick="LinkTo('{$backurl}');" class="goback"></div>
                    </div>
                </div>
                <div class="main_mid">
                    <div class="main_mid_left"></div>
                    <div class="main_mid_right"></div>
                    <div class="main_mid_main">
                        <div class="pano_menu">
                            {:W("Panomenu",array("pano_id"=>$pano_id,"num"=>6))}
                        </div>
                        <div class="none_main">
                            <div class="action_main">
                                <div class="action_title">{$panorow['title']} - {$viewrow['title']} - <a href="{$backurl}">场景UI设置</a> - 事件设置</div>
                                <div class="action_web">
                                    <table width="100%" border="0" cellpadding="4" cellspacing="1" align="center">
                                        <tr class="tr_white" height="36">
                                            <td align="right" width="100"></td>
                                            <td align="left">
                                                <div class="{$devices}" id="mypano"></div>
                                                <script type="text/javascript">
                                                    embedpano({
                                                        id:"krpano",
                                                        swf:"__PUBLIC__/pano/pano.swf",
                                                        xml:"{:U('uixml',array('view_id' => $row['view_id']))}",
                                                        target:"mypano",
                                                        html5:"auto",wmode:"transparent"
                                                    });
                                                </script>
                                            </td>
                                        </tr>
                                        <tr class="tr_white" height="10">
                                            <td colspan="2"></td>
                                        </tr>
                                        <tr class="tr_white" height="36">
                                            <td align="right" width="100"><b>UI元素名称：</b></td>
                                            <td align="left">
                                                {$row['title']}
                                            </td>
                                        </tr>
                                        <tr class="tr_white" height="36">
                                            <td align="right" width="100"><b>触发事件：</b></td>
                                            <td align="left">
                                                <div class="actionbox">
                                                    <div class="actioncube">
                                                        <div class="actionhead">触发事件</div>
                                                        <div class="actionbag">
                                                            <volist name="elist" id="eve">
                                                                <div class="eventbox">
                                                                    <div class="eventtype">{$eve.chuname}</div>
                                                                    <div class="eventinfo">{$eve.action_info}</div>
                                                                    <div class="eventcontrol">
                                                                        <a href="{:U('uiactionedit',array('id'=>$eve['id']))}">设置</a>
                                                                        <a href="{:U('uiactiondel',array('id'=>$eve['id']))}">删除</a>
                                                                    </div>
                                                                </div>
                                                            </volist>
                                                        </div>
                                                        <a href="{:U('action_add',array('cid' => $cid))}" class="action_add">增加事件</a>
                                                    </div>
                                                    <div class="actionstore">
                                                        <div class="actionhead">快捷添加事件</div>
                                                        <div class="actionbag">
                                                            <volist name="uelist" id="ulist">
                                                                <div class="actionevent">
                                                                    <div class="leftbox">{$ulist.name}</div>
                                                                    <div data-id="{$ulist.id}" class="rightbox"></div>
                                                                </div>
                                                            </volist>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main_foot">
                    <div class="main_foot_left"></div>
                    <div class="main_foot_right"></div>
                    <div class="main_foot_main"></div>
                </div>
            </div>
        </div>
    </body>
</html>
